<style type="text/css">
<!--


.menu1_c{ width:547px; background:url(${resourcePath}/images/menuc.gif) repeat-x bottom; }
.menu1_c li{ float:left; width:91px; font-size:14px; height:40px; font-weight:bold; text-align:center; line-height:40px; background:url(${resourcePath}/images/line.gif) no-repeat right;}
.menu1_c a{ padding-top:4px; height:36px; line-height:36px;float:left; width:91px;font-size:14px; font-weight:bold; text-align:center; }
.menu1_c li:hover,.menu1_c li.current{ background:url(${resourcePath}/images/hover.jpg) no-repeat; width:91px; height:40px; font-weight:bold; text-align:center; line-height:40px;}
.menu1_c li a:hover{ text-decoration:none}
.menu1_c li a,.menu1_c li{ display:block;text-decoration:none}
.menu1_r{ height:40px;}

-->
</style>


  <div class="menu1 left"><img src="${resourcePath}/images/menul.gif" width="6" height="40" /></div>
  <div class="menu1_c menu_level1_color  left">
    	<ul>
        <#list menu as channel>
        
        <#if "${isLayout}" =="1">
		 	<#if "${pageId}"== "${channel.id}">
		 		 <li class="current"><a href="${contextPath}/cms/channel/layout/${channel.id}?isLayout=1">${channel.channel_name}</a></li>
		 	<#else>
				 <li><a href="${contextPath}/cms/channel/layout/${channel.id}?isLayout=1">${channel.channel_name}</a></li>
			</#if>
		<#else>
			<#if "${pageId}"== "${channel.id}">
		 		 <li class="current"><a href="${contextPath}/cms/channel/layout/${channel.id}?">${channel.channel_name}</a></li>
		 	<#else>
				 <li><a href="${contextPath}/cms/channel/layout/${channel.id}?">${channel.channel_name}</a></li>
			</#if>
		</#if>
	    </#list>
        </ul>
  </div>
  <div class="menu1_r left"><img src="${resourcePath}/images/menur.gif" width="7" height="40" /></div>
    
